﻿@model  XT.Model.District
@{
    ViewBag.Title = "AllRooms";
    Layout = "~/Views/Global/Layout.cshtml";
}

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script type="text/javascript" src="/Scripts/District/AllRooms.js"></script>
<div class="locationsumary">
    <div class="container">
        <div class="row">
            <div class="districname">
                <span class="tieude">Result for: </span>
                <span class="noidung">@Model.District_Name</span>

            </div>

            <div class="locationplacedetail">
                <span class="tieude">Places to stay: </span>
                <span class="noidung">@Model.Areas.SelectMany(a => a.Rooms).Count()</span>


            </div>
        </div>
        <div id="map-canvas" style="margin-top: 10px"></div>
    </div>
</div>
<div class="districlocation" style="background-color: rgb(245, 245, 245)">
    <div class="container">

        <!-- Example row of columns -->
        <div class="navdirect" style="margin-bottom: 20px">
            <a href="Home_Demo2.aspx">Home</a>
            ›
                    <a href="#">Ho Chi Minh</a>
            ›
                     <a href="#">District 1</a>
            ›
        </div>
        <div class="row">
            <div class="districtitle">
                <h1>@Model.District_Name</h1>
            </div>

            <div class="rooms-container">
                @Html.Action("ShowRooms", "District", new { districtId = Model.Id })
            </div>
        </div>
        <a id="2" class="show-more-rooms">Xem thêm...</a>

    </div>
</div>


